/*! eat_in_hall 2019-04-16 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
}

html{font-size: 14px}
body {
    line-height: 1;
    background-color: #F6F6F6;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

object,
:focus {
    outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
/* HTML 5 */

{
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a img {
    border: none;
}


input,
button,
textarea,
select,
optgroup,
option {
    font-size: 100%;
    font: inherit;
}

a {
    text-decoration: none
}

.al {
    text-align: left;
}

.clear{ clear: both; }
.ar {
    text-align: right;
}

.ac {
    text-align: center;
}

.lc {
    margin: 0 auto;
}

.fl,
.il .fl {
    float: left;
}

.fr,
.il .fr {
    float: right;
}

.fc,
.il .fc {
    float: none;
    clear: both;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.il {
    list-style: none;
}

.il li {
    float: left;
}

ul {
    list-style: none
}

* {
    color: #5a5b5d;
    font-size: 14px;
   
    font-family: -apple-system, "Helvetica Neue", Arial, "PingFang SC", "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif
}
body{ line-height: 1.5;}
.w100{ width: 100%; }

input{    padding: 0;
    border: none;}
.page {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
  
}

body {
    height: 100%;
    overflow-y: hidden;
}

.page.cached {
    display: none;
}

.swiper-slide-hide * {
    display: none;
}

.page .page-content {
    overflow-y: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden; max-width: 600px; margin:0 auto;
}

.scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}

.page .overflowhidden {
    overflow-y: hidden;
}

.wrap {
    max-width: 800px;
    margin: 0 auto;
}

.clearfix {
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.mgl12 {
    margin-left: 12px;
}

.fs-14 {
    font-size: 14px
}

.fs-16 {
    font-size: 16px
}

.fs-12 {
    font-size: 12px
}
.mgt10{ margin-top: 10px }
.mgt5{ margin-top: 5px }
.fs-10 {
    font-size: 12px;
    -webkit-transform: scale(0.84, 0.84);
    transform: scale(0.84, 0.84);
    -ms-transform: scale(0.84, 0.84);
    -moz-transform: scale(0.84, 0.84);
}

.fs-8 {
    font-size: 12px;
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.84, 0.84);
}

.overHidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn {
    display: inline-block;
    box-sizing: border-box;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
   
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

.none {
    display: none;
}


/**提示**/

.dialog {
    background-color: #000;
    z-index: 9999;
    color: #fff;
    line-height: 22px;
    padding: 10px 20px;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    text-align: center;
    max-width: 60%;word-break:break-all; 
}

.loading {
    background-color: transparent;
    padding: 0px;
    width: 50px;
    height: 50px;
    background-image: data-uri('../images/loader.gif');
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: -25px;
}


/**操作选项*/

.popupBg {
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.light{ color: #867a7a }
.popup {
    display: none;
    z-index: 999;
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    overflow-y:auto;
}
body .popup_page{   background-color: #F6F6F6;    overflow-y: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch; }
.popup-modal-in {
    animation: myfirst 0.4s;
    -webkit-animation: myfirst 0.4s;
    display: block;  
}
.popup-title{ text-align: center; line-height: 40px; border-bottom: 1px solid #eee;  }

.popup-modal-out {
    animation: myfirst2 0.4s;
}

@keyframes myfirst {
    from {
        transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        /* IE 9 */
        -webkit-transform: translate3d(0, 100%, 0);
        /* Safari and Chrome */
        -o-transform: translate3d(0, 100%, 0);
        /* Opera */
        -moz-transform: translate3d(0, 100%, 0);
        /* Firefox */
    }
    to {
        transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        /* IE 9 */
        -webkit-transform: translate3d(0, 0, 0);
        /* Safari and Chrome */
        -o-transform: translate3d(0, 0, 0);
        /* Opera */
        -moz-transform: translate3d(0, 0, 0);
        /* Firefox */
    }
}

@-moz-keyframes myfirst
/* Firefox */

{
    from {
        transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        /* IE 9 */
        -webkit-transform: translate3d(0, 100%, 0);
        /* Safari and Chrome */
        -o-transform: translate3d(0, 100%, 0);
        /* Opera */
        -moz-transform: translate3d(0, 100%, 0);
        /* Firefox */
    }
    to {
        transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        /* IE 9 */
        -webkit-transform: translate3d(0, 0, 0);
        /* Safari and Chrome */
        -o-transform: translate3d(0, 0, 0);
        /* Opera */
        -moz-transform: translate3d(0, 0, 0);
        /* Firefox */
    }
}

@-webkit-keyframes myfirst
/* Safari 和 Chrome */

{
    from {
        transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        /* IE 9 */
        -webkit-transform: translate3d(0, 100%, 0);
        /* Safari and Chrome */
        -o-transform: translate3d(0, 100%, 0);
        /* Opera */
        -moz-transform: translate3d(0, 100%, 0);
        /* Firefox */
    }
    to {
        transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        /* IE 9 */
        -webkit-transform: translate3d(0, 0, 0);
        /* Safari and Chrome */
        -o-transform: translate3d(0, 0, 0);
        /* Opera */
        -moz-transform: translate3d(0, 0, 0);
        /* Firefox */
    }
}

@keyframes myfirst2 {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.handle-options {
    padding: 0px 8px;
}

.handle-options .handle-options-last {
    border-radius: 5px;
    color: #666;
    margin-top: 8px;
    margin-bottom: 5px;
    font-size: 18px;
    background-color: #fff;
    line-height: 40px;
    height: 40px;
    text-align: center;
}

.handle-options-group {
    background-color: #fff;
    border-radius: 5px;
}

.handle-options-group .handle-options-one {
    border-bottom: 1px solid #F6F6F6;
    line-height: 44px;
    color: #FE3824;
    height: 44px;
    text-align: center;
    font-size: 18px;
}

.handle-options-group .handle-options-one a {
    font-size: 18px;
}

.handle-options-group .handle-options-one:last-child {
    border: none;
}

.handle-options-group .handle-options-one:first-child {
    color: #0076FF;
}

.confirm {
    z-index: 999;
    border-radius: 5px;
    background-color: #fff;
    width: 70%;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -20%;

}

.confirm .confirm-text {
    padding: 30px 10px;
    text-align: center;
    line-height: 20px;font-size:15px;word-break:break-all; 

}

.confirm .confirm-options {
    border-top: 1px solid #F6F6F6;
    width: 100%;
    box-sizing: border-box;
}

.confirm .confirm-options .bl {
    border-right: 1px solid #F6F6F6;
}

.confirm .confirm-options li {
    width: 50%;
    height: 35px;
    box-sizing: border-box;
    line-height: 35px;
    text-align: center;
    float: left;font-size:15px;
}

.loader {
    height: 60px;
    width: 60px;
    text-align: center;
    padding: 1em;
    display: inline-block;
    vertical-align: top;
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
}


/*
  Set the color of the icon
*/

svg path,
svg rect {
    fill: #246dcc;
}


.errormsgDiv{ text-align: center;  padding-top:30px; height: 200px }
.errormsgDiv .errormsg{ font-size: 30px; padding-bottom: 16px ;color: #AAA;}
.errormsgDiv .errormsg2{ font-size: 20px; padding-top: 5px;color: #AAA;}
 .swiper-pagination-bullet{ width: 6px !important; height: 6px !important; }
.swiper-pagination-bullet-active{ color: #50c2ff !important}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 8px !important;
}

.hidden{ display: none; }

.li-input{ padding-left:100px; box-sizing: border-box ;padding-right:10px; display: block;}


.list-li  .li{ line-height: 30px; zoom: 1;  width: 100%; border-bottom: 1px solid #f9f9f9; padding: 8px 0; background-color: #fff; min-height: 30px;}

.list-li  .li image{width: 30px; height: 30px; margin-top: 10px; float: left;margin-left: 15px}
.list-li .li .to-right{ float: right; color: #999; margin-right: 15px; width: 15px; height: 15px; margin-top: 32px }
.list-li .li .to-right-text{ position: absolute; color: #999; right: 40px; }
.list-li  .li .to-right-text .count{ position: absolute; background: red; width: 20px; top: 8px; right: 0px; height: 20px; color: #fff;  border-radius: 50%; line-height: 20px; text-align: center }
.list-li  .li .li-center{float: right; margin-right: 30px }
.li-input-text{ width: 90px; float:left;padding-left: 8px }
.li-input input{ width: 100%;}
.li-input textarea{  box-sizing: border-box;width: 100%;}
.btn{background-color: #000;color: #fdd903;border:none !important;}
.btn2{background-color: #fdd903;color: #000; border:none !important;}
.btn3{background-color: #eee;color: #555;border:none !important;}
.btn4{ background-color: #98840b;color: #ffffff;border:none !important;}
   
.w80{ width: 80%; margin: 0 auto  }
.disable{ background-color: #eee;  color: #a29d9d }

/*黄色*/
.color_0{color: #fdd903}
/*黄色里的文字黑色*/
.color_1{color: #000}
/*黄色背景里的提示色*/
.color_2{color: #98840b}

.color_4{color:#ecb569}
.color_5{color:#868cdc}

.tab{ background: #fff; width: 100%;  border-bottom: 1px solid #eee; height: 50px; box-sizing: border-box}

.tab .tabli{ float: left; width:25%; text-align: center; line-height: 50px; height: 50px;  box-sizing: border-box;}
.tab .tabli.on span{border-bottom: 2px solid #fdd903; display: inline-block;  box-sizing: border-box; }

.tab .on span{
color:#fdd903;
background-color:transparent;
}
.bgw{ background-color: #fff }

.s_right{ float: right; }
.s_left{ float: left; }
.clear{ clear: both; }
.line{    border-bottom: 1px solid #f3f2f2;}
.popupHide{display: none}
.pd10{ padding: 10px }
.disabled{ background-color: #fff; color: #c1bebe }
.hidden{ display: none; }
.modal-in{display: block;}
.text-over-hidden{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.pd5-h{padding: 0 5px;}
.border_none{ border:none !important; }
.weui_dialog_ft{padding: 10px}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1544618735028'); /* IE9*/
  src: url('iconfont.eot?t=1544618735028#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1544618735028') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1544618735028#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiugai:before { content: "\e8cf"; }

.icon-jianshao:before { content: "\e612"; }

.icon-customerservice:before { content: "\e50e"; }

.icon-qicheqianlian-1-copy:before { content: "\e504"; }

.icon-zengjia:before { content: "\e6fd"; }


/**index.wxss**/
 .shop-header{  padding: 0px 10px; position:fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; height: 50px ; line-height: 50px; }
.shop-title{font-size: 14px; font-weight:bold;}
.shop-list{ position: absolute;  left: 0;  }
.shop-list .li{ height: 30px; line-height: 30px;font-weight:bold; display: block;  }

page{background: #ffffff;  }

.page .good-tabs{  width: 25%; position: fixed; height: 100%; box-sizing: border-box; top: 50px; left: 0;padding-bottom: 110px; }
.good-tabs .li{ 
line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
     }
.goods_title{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;min-height: 25px; line-height: 20px; font-weight: bold;}     
.good-tabs .li.on{ background-color: #fff;}
.good-tabs .scroll_view{ height: 100%;}
.page .good-contents{ position: fixed; width: 75%; box-sizing: border-box; padding-left: 10px; padding-right: 10px;top: 50px; left: 25%; height: 100%; padding-bottom: 9px; background-color: #fff;}
.tab-contents .ad{ width: 100%; margin-top: 12px ; }
.tab-contents-title{    margin-top: 15px;margin-bottom: 15px; }
.tab-content{ height: 100%; overflow-y: auto;    -webkit-overflow-scrolling: touch;  }

.goods-item{ margin-top: 10px; margin-bottom: 10px }
.goods-item-info { position: relative; }
 
.goods-item-info .light{ color: #999;margin-top: 8px; margin-bottom: 8px;  }
.price{ font-weight: bold; font-size: 18px; color: red; }
.goods-item-info .btn{  padding: 6px 15px; position: absolute; border-radius: 10px; right: 0px; bottom: 0;}
.goods-item-1 .goods-item-img{ float: left;  width: 50px; height: 50px ; overflow:hidden;}
.goods-item-1 .goods-item-img img{width: 100%; height: 100% ;    }
.goods-item-1 .goods-item-info{  padding-left: 60px }

.chooseGoods{ background-color: #fff; padding: 4px }
.chooseGoods .btn{  padding: 8px 15px; border-radius: 15px;}
.chooseGoods .chooseGoods-item .p{ margin-top: 10px; margin-bottom: 5px }
.chooseGoods .chooseGoods-item .span{ display: inline-block; padding:3px 5px;background-color: #fff; color: #888; border: 1px solid #555;   border-radius: 10px; min-width: 40px; text-align: center; margin-right: 5px; margin-left: 5px;margin-top: 5px }
.chooseGoods .chooseGoods-bottom{ margin-top: 10px; }
.chooseGoods .chooseGoods-item span.on{background-color: #555; color: #fff; border: 1px solid #555; }
.chooseGoods .btn.disable{background-color: #ccc;color: #eee;}


.goods-bottom{ position: fixed; bottom: 0; left: 0px ; background-color: #444; width: 100%;  height:40px; line-height: 40px; z-index: 9999}
 .goods-bottom .goods-bottom-left{ width: 70%; float: left; box-sizing: border-box; height: 100%; text-align: right; padding-right: 20px}
  .goods-bottom .goods-bottom-left *{ color: #e0d6d6}
 .goods-bottom .goods-bottom-right{ float: right; width: 30%; box-sizing: border-box; height: 100%}
.goods-bottom .goods-bottom-right{  height: 100%; text-align: center; line-height: 40px }
.goods-bottom .goods-bottom-right.dis{background-color: #ccc;color: #fff;}
.goods-bottom .cart{ position: absolute; left: 10px; top: 0px;   }
.goods-bottom .cart .cartAll{ position: absolute; border-radius: 50%; display: block; top: 0px; right: -15px;  width: 20px; height: 20px; text-align: center;line-height: 25px; z-index: 99990;  line-height: 21px; color:#fff;}
.goods-bottom .cart i{color: #fff; font-size: 30px ;}
.goods-info .price{ font-size: 20px;}
.goods-price{color: red; }
.goods-info{ padding: 10px;  background-color: #fff}
.goods-spec{ padding: 10px;margin-top: 10px; background-color: #fff}
.spec-sub-list .spec-sub-name{ float: left;  text-align: center; padding: 5px 10px; border: 1px solid #e5e5e5; border-radius: 2px; margin-right:5px; margin-bottom: 5px; }
.spec-box{ padding: 10px;}
.buyNow .btn2{ box-sizing: border-box; height: 100%; border-radius: 0px}
.goodsItemBox{ padding: 10px}
.goodsItemBox image{ width: 60px; height: 60px;  float: left;margin-top: 10px;}
.goodsItemBox .goods-info{ float: left;  margin-top: 0px; padding: 10px }
 

 
 
 

.shopping-cart .order-list {
  width: 100%;
  background-color: #FFFFFF; max-height: 250px;overflow-y: auto;
   
}
.shopping-cart .title *{  line-height: 45px }
.shopping-cart .title {
  color: #333;
  background-color: #fafafa;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
}

.shopping-cart .title .ti-price {
  margin-left: 50px;
  white-space: nowrap;
}

.shopping-cart .title .dishes {
  white-space: nowrap;
}
 
.shopping-cart .dishes .clear-cart {
  color: #333;
}

.shopping-cart .ul .li {
  border-bottom: 1px solid #E5E5E5;
  margin: 0 10px;
      padding-top: 10px;
    padding-bottom: 5px;
}

.shopping-cart .ul .li .pri {
  color: #ffa735;
}

.shopping-cart .na {
  width: 160px; padding-right: 5px;

}


.shopping-cart .na-attr {

  color: #898989; margin-top: 5px; margin-bottom: 5px;
}

.shopping-cart .pri {
  width: 50px;
  text-align: right;
  
}


 
 
.shopping-cart .modify input {
  width: 23px;
  display: inline-block;
   margin-top: 2px;
  height: 20px;
  padding: 0 3px;
  line-height: 20px;
  border-left: 0;
  border-right: 0;
  text-align: center;
  border-color: #E5E5E5; 
}

 


.shopping-cart .other-charge .packing-cost,
.shopping-cart .other-charge .delivery-cost{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 10px;
}

.shopping-cart .other-charge .boxtotalprice,
.shopping-cart .other-charge .shippingfee{
    color: #ffa735;
}
.shopping-cart .other-charge .packing-cost *{line-height: 50px}
 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}


.shopping-cart{ width: 100%; bottom: 40px; background:#fff; z-index: 99 ; position: fixed; }
.popup{ height: auto; min-height: 100px}
.modal-in{ z-index: 9999}
.popupHide{ display: none}
.choose_goods_items{ max-height:230px }
.addToCart{ position: absolute; right: 5px; bottom: -5px}
.addToCart img{ width: 30px; height: 30px}


 
.goods-item .modify .plus {
 color: #fdd903; margin-top: 1px

}
 
.goods-item .modify input {
  width: 20px;
  display: inline-block;
  height: 20px;
  padding: 0 3px;
  line-height: 20px;
  border-left: 0; margin-top: 2px;
  border-right: 0;
  text-align: center;
  border-color: #E5E5E5; 
}

.goods-item .disabled-food .modify input,
.goods-item .discount-food .modify input {
  border: 1px solid #E5E5E5;
}
.user{    padding: 10px; border-bottom: 1px solid #f7f3f3;}
.user img{ border-radius: 50%; width: 28px; height: 28px;    float: left;}
.user p{     padding-left: 37px; padding-top: 5px;}

/* pages/checkout/index.wxss */
 
.cart-goods{ background: #fff; margin-top: 10px; padding: 10px;}
.cart-goods .cart-title{border-bottom:1px solid #eee; padding:10px 0px; margin-bottom: 5px}
.cart-goods .cart-title .ico{ width: 10px; height: 10px;}
.cart-goods .goods-item{ position: relative;border-bottom:1px solid #eee;padding:5px 0px 10px 0px; }
.cart-goods .goods-item .image{ width: 60px; height: 60px; float: left}
.cart-goods .goods-item .goods-info{  float: left; width: 160px;margin-top: 10px; margin-left: 4px}
.cart-goods .goods-item  .goods-count{  float: left ; margin-top: 10px }
.cart-goods .goods-item  .goods-price{ float: right;margin-top: 10px}

.charge-item{border-bottom:1px solid #eee; padding:15px 0px; position: relative}
.charge-item-left{ float: left}
.charge-item-right{ float: right}
.charge-item .arrowright{ position: absolute; right: 0; top: 12px; width: 10px; height: 10px;}
.goods-total-price{padding:15px 0px; text-align: right}

.remark{  background: #fff; width: 100%; padding: 10px 0px; }
.remark .remark-text{ float: left; padding-left: 5px; margin-top: 2px; }
.remark input{ text-align: right; padding-right: 10px; float: right;}

.chooseCard{ padding:10px; padding-right: 15px; margin-top: 5px;}
.picker{ display: block; }
.border-none{ border:none; }
.goods-bottom-fix{ position: fixed; bottom: 0; width: 100%;}
.checkout .cart-goods{ margin-top: 0;}
.checkout .goods-bottom{ position: fixed; bottom: 0; left: 0px ; width: 100%; background-color: #444; color: #fff; height: 45px; line-height: 20px; z-index: 99}
.checkout .goods-bottom .goods-bottom-left{ width: 35%; float: left; box-sizing: border-box; height: 100%;color: #fff; text-align:  center;}
.checkout .goods-bottom .goods-bottom-right{ float: right; width: 30%; box-sizing: border-box; height: 100%; border-radius: 0px;padding: 0; line-height: 45px; font-size: 14px;border: none;}
.checkout .goods-bottom .goods-bottom-right{   height: 100%; text-align: center; }


